<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体样式</title>
    <!-- 引入字体图标的css样式文件 -->
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <style>
        h1{
            color:red;
            font-family: 'myfont';
        }

        .item1{
             color:blue;
             font-weight: bold;
             letter-spacing: 2px;
             word-spacing: 1px;
        }

        .item2{
            width: 40%;
            height: auto;
            border:1px solid black;
            padding:10px;
            /* 两端对齐 */
            text-align: justify;
            /* 首行缩进2个字符 */
            text-indent: 2em;
        }

        @font-face {
            /* 自定义的名称 */
            font-family: 'myfont';
            src: url('./fonts/书法.ttf');
        }
    </style>
</head>
<body>
    <h1><i class="icon-camera-retro"></i>字体样式</h1>
    <h1><span class="icon-shopping-cart" style="color:blue"></span>字体样式</h1>

    <p class="item1">
       年轻人不讲武德！Hello World
    </p>

    <p class="item2">
        突然之间，你发现自己已到了台阶顶端，你很高兴已到了台阶顶端，你很高兴已到了台阶顶端，你很高兴已到了台阶顶端，你很高兴，也感到轻松。头上的这块蓝天，建筑物的这一角，天空中横斜着的这些树枝，你每次看到都会觉得高兴，都会觉得幸运。你不曾意识到刚才是被淹没着，此刻却有了一种脱离苦海的感觉，你从井里上来了。啊！是的，一切又重新开始了，从投在台阶上的长长的阴影中开始了。嘈杂声也变了，在空旷中变得清晰了；你还看不到车，也见不到行人，但你知道，上面是沸腾的生活，是春，是夏。
    </p>
</body>
</html>